<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接下载锚点</title>
</head>
<body>
<!--这里href的地址中加了#,说明他不是跳转到新的链接,而是要跳转到atm名称的锚点位置
一般锚点的声明用name和id声明,不可以重复
-->
<a href="#atm">跳转到奥特曼</a>
<h1>h1标题分割</h1>
<h2>h2标题分割</h2>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<!--这里a标签的属性为name,这是值锚点的名称-->
<!--<a name="atm"></a>-->
<p id="atm">奥特曼图片</p>
<img src="../resource/img/img01.png" alt="这是个奥特曼">
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<h3>h3标题分割</h3>
<!--
    第一个方式是没有刷新回到顶部
    第二个方式是刷新页面回到顶部
-->
<a href="#">点击回到顶部</a>
<a href="">回到顶部</a>
</body>
</html>